<template>
  <div>
    <van-grid :border="false" :column-num="4">
      <van-grid-item>
        <van-image :src="imgData[0]" />
        <van-grid-item text="整租" />
      </van-grid-item>
      <van-grid-item>
        <van-image :src="imgData[1]" />
        <van-grid-item text="合租" />
      </van-grid-item>
      <van-grid-item>
        <van-image :src="imgData[2]" />
        <van-grid-item text="地图找房" />
      </van-grid-item>
      <van-grid-item>
        <van-image :src="imgData[3]" @click="$router.push('/addhouse')" />
        <van-grid-item text="去出租" />
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
export default {
  name: 'NavGuide',
  components: {},
  props: {},
  data() {
    return {
      imgData: [
        '',
        '',
        '',
        ''
      ]
    }
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
}
</script>

<style scoped>
.van-image {
  width: 60px;
  height: 60px;
}

.van-grid-item__text {
  font-size: 3vw !important;
  font-family: '微软雅黑';
}
.van-grid-item__content--center {
  margin-top: 11px !important;
}
</style>
